<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximun-scale=1.0,user-scalable=no" />
		<!-- <meta http-equiv="refresh" content="0;url=https://127.0.0.1:8848/jsMest/%E6%B5%8B%E8%AF%95%E9%A1%B5%E9%9D%A2%E6%A8%AA%E5%B1%8F.html"/> -->
		<title></title>
		<style>
			#box {
				width: 120px;
				height: 240px;
				margin: 0 auto;

				background-color: gray;
			}

			html {
				width: 100vw;
				height: 100vh;
				background-image: linear-gradient(20deg, white 0%, gray 100%);

				position: absolute;
				top: 50%;
				left: 50%;
				transform: rotate(90deg) translate3d(-50%);
			}
		</style>
	</head>
	<body>
		<div id="box"></div>
		<script>
			// document.write(window.orientation)
			// if (window.orientation == 0 || window.orientation == 180) {
			// 	orientation = 90
			// 	alert(orientation)
			// }
			// document.documentElement.style.transform.rotateZ = 90
		</script>
	</body>
</html>